$.ajax({
    url: API.nav,
    method: 'GET',
    success: (res) => {
        if (res.code == 1) {
            const tree = buildTree(res.data);
            tree.forEach((item, index) => {
                var navUl = ``;
                // if (item.children.length > 0) {
                //     navUl = `
                //             <li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-megamenu mega-menu-item-11425' id='mega-menu-item-11425'>
                //             <a class="mega-menu-link" href="./${item.template}?id=${item.id}"aria-haspopup="true" aria-expanded="false" tabindex="0">${item.name}<span class="mega-indicator"></span></a>
                //                 <ul class="mega-sub-menu">`
                //     item.children.forEach((item2, index2) => {
                //         let navLi = `<li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-columns-1-of-3 mega-menu-item-6631'
                //                         id='mega-menu-item-6631'><a class="mega-menu-link" href="./${item.template}?id=${item2.id}">${item2.name}</a>
                //                     </li>`;
                //         navUl += navLi;
                //     })
                //     navUl += `</ul>
                //             </li>
                //       `;

                // } else {
                //     navUl = `
                //         <li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-11776'
                //             id='mega-menu-item-11776'><a class="mega-menu-link" href="./${item.template}?id=${item.id}" tabindex="0">${item.name}</a>
                //         </li>
                //     `;
                // }
                navUl = `
                    <li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-11776'
                        id='mega-menu-item-11776'><a class="mega-menu-link" href="./${item.template}?id=${item.id}" tabindex="0">${item.name}</a>
                    </li>
                `;
                
                
                $('#mega-menu-Header').append(navUl);
                $("#mega-menu-vk-mobile-nav").append(navUl)
            })
            loadScript('./wp-includes/js/hoverIntent.min.js?ver=1.10.2',
                function() {
                    // 脚本加载完成后的回调  
                    console.log('Script loaded and executed1.');
                });
            loadScript('./wp-content/plugins/megamenu/js/maxmegamenu.js?ver=3.3.1',
                function() {
                    // 脚本加载完成后的回调  
                    console.log('Script loaded and executed2.');
                });
        }
    }
})

function buildTree(items) {
    // 创建一个map来根据id快速查找每个对象  
    const map = new Map(items.map(item => [item.id, {
        ...item,
        children: []
    }]));

    // 构建树形结构  
    const tree = [];
    items.forEach(item => {
        // 如果parent_id为0，则它是根节点  
        if (item.parent_id === 0) {
            tree.push(map.get(item.id));
        } else {
            // 否则，找到它的父节点并添加它作为子节点  
            const parent = map.get(item.parent_id);
            if (parent) {
                parent.children.push(map.get(item.id));
            }
        }
    });

    return tree;
}

function loadScript(url, callback) {
    var script = document.createElement("script");
    script.type = "text/javascript";

    if (script.readyState) { // IE  
        script.onreadystatechange = function() {
            if (script.readyState == "loaded" || script.readyState == "complete") {
                script.onreadystatechange = null;
                callback();
            }
        };
    } else { // Others  
        script.onload = function() {
            callback();
        };
    }

    script.src = url;
    document.getElementsByTagName("head")[0].appendChild(script);
}